<template>
    <!-- 退款须知 -->
    <view class="flex flex-column bg-white rounded-4">
        <view class="flex flex-y-center p-4 grid-gap-2">
            <text class="bg-warning-light-3 rounded-4" style="height: 8px;width: 8px;"></text>
            <text class="h9 font-weight-600">退款须知</text>
        </view>
        <view class="bg flex flex-column grid-gap-1">
            <view class="bg-white flex flex-center p-4 grid-gap-4">
                <image src="@/static/icons/no_go.png" style="width: 40rpx;height: 40rpx;"></image>
                <view class="flex-1 flex flex-column grid-gap-1">
                    <text class="h9 font-weight-600">{{WebConfigStore.replaceIndustryPersonnelName('技师未出发')}}</text>
                    <text class="text-placeholder h9">退全款（项目金额+出行费用）</text>
                </view>
            </view>
            <view class="bg-white flex flex-center p-4 grid-gap-4">
                <image src="@/static/icons/order_go.png" style="width: 40rpx;height: 40rpx;"></image>
                <view class="flex-1 flex flex-column grid-gap-1">
                    <text class="h9 font-weight-600">{{WebConfigStore.replaceIndustryPersonnelName('技师已出发')}}</text>
                    <text class="text-placeholder h9">退项目费用（扣除出行费用）</text>
                </view>
            </view>
            <view class="bg-white flex flex-center p-4 grid-gap-4">
                <image src="@/static/icons/order_arrive.png" style="width: 40rpx;height: 40rpx;"></image>
                <view class="flex-1 flex flex-column grid-gap-1">
                    <text class="h9 font-weight-600">{{WebConfigStore.replaceIndustryPersonnelName('技师已到达')}}</text>
                    <text class="text-placeholder h9">退项目半款（扣除出行费用）</text>
                </view>
            </view>
        </view>
    </view>
</template>
<script setup lang="ts">
import {  useWebConfigStore } from "@/stores";
const WebConfigStore = useWebConfigStore();
</script>
<style lang="scss" scoped>
</style>